/*======================================
Theme Name: zeeFlow
Theme URI: http://themezee.com/themes/zeeflow/
Description: zeeFlow is a clean and neat WordPress theme designed for magazine layouted websites. The theme is fully responsive and looks great on any device from big screens through to smartphones. It comes with a great magazine front page template which supports a featured post slider and several category post boxes. The included theme options let you choose from eight different color schemes, left or right sidebar layout and upload your own logo image. Of course there is support of all WordPress core features like custom menus, widgetized sidebars, custom background, custom headers and featured images. Check out the full demo on http://preview.themezee.com/zeeflow/
Version: 1.0.2
Author: ThemeZee
Author URI: http://themezee.com
Tags:  two-columns, light, blue, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, flexible-width, one-column, left-sidebar, right-sidebar, three-columns, black, silver, red, white, green, orange, purple, gray
Text Domain: zeeFlow_language
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Styles
-------------------------------------------------------------- */
html {
	font-size: 100.01%;
}
body {
	font-family: 'Carme', Tahoma, Verdana, Arial;
	font-size: 1.0em;
	border: 0;
	color: #111;
	background: #eee;
}

/* Links */
a, a:link, a:visited{
	color: #0088ff;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Form Elements */
input, textarea {
	padding: 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: 'Carme', Tahoma, Verdana, Arial;
}
input[type="submit"] {
	border: none;
	color: #fff;
	background: #0088ff;
}
input[type="submit"]:hover {
	background-color: #303030;
	cursor: pointer;
}

/* Clearing Floats */
.clearfix:before, .clearfix:after {  
	content: " ";
	display: table;  
}  
.clearfix:after {  
	clear: both;
}  
.clearfix {
    *zoom: 1; /* For IE 6/7 only */  
}

/* Make Form Elements responsive */
input, textarea, select {
	max-width: 100%;
}

/* Basic Structure 
-------------------------------------------------------------- */
#wrapper {
	max-width: 1340px;
	width: 92%;
	margin: 0 auto 5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 3em 5em 5em;
}
#header {
	padding: 0 0 3em 0;
}
#wrap {
	clear: both;
	padding: 2.5em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content {
	float: left;
	width: 70%;
	padding-right: 2.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar {
	margin-left: 70%;
	width: 30%;
	border-left: 1px solid #ddd;
	padding-left: 2.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Header
-------------------------------------------------------------- */
#logo {
	float: left;
	max-width: 100%;
}
#logo .logo-image {
	border: 0;
	max-width: 100%;
	height: auto;
}
#logo .site-title {
	font-size: 3.0em;
	font-weight: bold;
	color: #0088ff;
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
}
#logo a:hover {
	text-decoration: none;
}
#logo a:hover .site-title {
	color: #333;
	text-decoration: none;
}
#logo .site-description {
	margin-top: 0.4em;
	color: #333;
}

/* Custom Header Image */
#custom-header {
	margin-top: 2.5em;
}
#custom-header img {
	max-width: 1340px;
	vertical-align: top;
	width: 100%;
	height: auto;
}
/* Navigation Menu
-------------------------------------------------------------- */
#mainnav-icon {
	display: none;
}
#mainnav-menu {
	float: left;
	width: 100%;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0;
}
#mainnav-menu li {
	float:left;
	position:relative;
	margin-right: 1px;
}
#mainnav-menu a {
	display: block;
	padding: 0.8em 1.2em;
	text-decoration: none;
	font-size: 1.1em;
	font-family: 'Carme', Tahoma, Verdana, Arial;
	color: #333;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;	
}
#mainnav-menu a:link, #mainnav-menu a:visited{
	color: #333;
	text-decoration: none;
}
#mainnav-menu a:hover {
	color: #fff;
	background: #0088ff; 
}
#mainnav-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	background: #0088ff;
}
#mainnav-menu ul li{
	margin: 0;
}
#mainnav-menu ul a {
	width: 250px;
	width: 16rem;
	padding: 0.7em 1.3em;
	float: left;
	font-weight: normal;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#mainnav-menu ul a:link, #mainnav-menu ul a:visited{
	color: #fff;
	font-size: 1.0em;
	text-decoration: none;
}

#mainnav-menu li ul ul {
	margin-left: 250px;
	margin-left: 16rem;
}

#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{
	display:none;
}
#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{
	display:block;
}
#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
	text-decoration: underline;
}
#mainnav-menu ul li.current_page_item ul li a, #mainnav-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}


/* Widget Styling
-------------------------------------------------------------- */
.widget {
	margin-bottom: 2.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.widgettitle {
	font-size: 1.1em;
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
	font-weight: bold;
	margin-bottom: 1em;
	color: #333;
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #ddd;
}
.widget .textwidget {
	line-height: 1.5em;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul {
	line-height: 1.5em;
	margin: 0 0.5em;
}
.widget ul {
	list-style: circle inside;
	color: #555;
}
.widget ul .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #0088ff;
}
.widget a:hover, .widget a:active {
	text-decoration: underline;
}
.widget img {
	max-width: 100%;
	height: auto;
}

/* Custom Widgets
-------------------------------------------------------------- */

/* Theme Search Widget */
#searchform {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
#s {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.7em 45px 0.7em 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchsubmit {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	background: url(images/search-icon.png) 0 11px no-repeat;
	border: none;
	cursor: pointer;
}
#searchsubmit:hover {
	background: url(images/search-icon.png) -36px 11px no-repeat;
}

/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar caption {
	font-style: italic;
	margin-bottom: 0.1em;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
}
#wp-calendar tfoot tr td {
	padding-top: 0.5em;
}
#wp-calendar #next {
	padding-right: 0.8em;
	text-align: right;
}

/* Posts and Pages
-------------------------------------------------------------- */
.type-post, .type-page, .type-attachment  {
	margin: 0 0 2.5em 0;
	padding: 0 0 2.5em 0;
	border-bottom: 1px solid #ddd;
}
.page-title, .post-title {
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #0088ff;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.page-title {
    font-size: 2.0em;
}
.post-title {
    font-size: 1.5em;
}
.post-title a:link, .post-title a:visited {
	color: #0088ff;
	text-decoration: none;
}
.post-title a:hover, .post-title a:active{
	color: #333;
}
.sticky {
	border-left: 1px solid #ddd;
	border-bottom: none;
	margin-left: 2.5em;
	padding-left: 2.5em;
}

/* Page Links | wp_link_pages() */
.page-links {
	margin: 0;
	word-spacing: 1em;
}

/* Postmeta */
.postmeta {
	display: block;
	color: #333;
	margin: 0;
	padding: 0.5em 0.1em;
}
.postmeta span, .postmeta .post-edit-link {
	font-size: 0.9em;
	line-height: 1.5em;
	margin-right: 0.6em;
}
.postmeta a:link, .postmeta a:visited {
	color: #555;
	text-decoration: underline;
}
.postmeta a:hover, .postmeta a:active{
	text-decoration: none;
}
.postmeta span:before, .postinfo span:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'Genericons';
	vertical-align: middle;
	color: #555;
}
.postmeta .meta-date:before{
	content: '\f307';
}
.postmeta .meta-author:before{
	content: '\f304';
}
.postmeta .meta-comments:before{
	content: '\f300';
}

/* Postinfo */
.postinfo {
	clear: both;
	color: #333;
	background: #eee;
}
.postinfo .meta-category, .postinfo .meta-tags {
	display: inline-block;
	padding: 0.5em 0;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-left: 0.8em;
}
.postinfo .meta-category:before{
	content: '\f301';
}
.postinfo .meta-tags:before{
	content: '\f302';
}


/* Read more Link */
.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.4em 1em;
	text-decoration: none;
	font-size: 0.9em;
	background-color: #0088ff;
	color: #fff;
}
.more-link:link, .more-link:visited {
	color: #fff;
}
.more-link:hover, .more-link:active{
	background-color: #303030;
	text-decoration: none;
}
.postinfo .more-link {
	padding: 0.7em 1em;
	font-size: 1.0em;
}

/* Archives and Search Heading */
.archive-title {
	font-size: 1.1em;
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
	font-weight: bold;
	margin-bottom: 2.5em;
	color: #333;
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #ddd;
}
.archive-title span{
	color: #777;
}

/* Default Pagination */
.post-pagination {
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
	padding: 0.8em 0.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.post-pagination .post-pagination-alignleft {
	float: left;
}
.post-pagination .post-pagination-alignright {
	float: right;
}

/* Pagination with WP-Pagenavi plugin */
.wp-pagenavi {
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
	padding: 0.8em 0.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.wp-pagenavi .pages {
    float: right;
}
.wp-pagenavi a {
	padding: 0 0.5em;
	display: inline-block;
    text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:link, .wp-pagenavi a:visited {
	color: #0088ff;
}
.wp-pagenavi a:hover {
	text-decoration: underline;
}
.wp-pagenavi .current {
	padding: 0 0.5em;
	text-decoration: underline;
}

/* Text Elements
-------------------------------------------------------------- */
.entry {
	line-height: 1.6em;
	margin: 0.5em 0 0.8em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry p, .comment p {
	margin: 0.75em 0;
}
.entry h1, .comment h1,
.entry h2, .comment h2,
.entry h3, .comment h3,
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	color: #222;
	font-weight: bold;
	line-height: 1.0em;
	margin: 1.2em 0 0.3em;
}
.entry h1, .comment h1 {
	font-size: 3.0em;
}
.entry h2, .comment h2 {
	font-size: 2.25em;
}
.entry h3, .comment h3 {
	font-size: 1.5em;
}
.entry h4, .comment h4 {
	font-size: 1.25em;
}
.entry h5, .comment h5 {
	font-size: 1.125em;
	margin: 1.3em 0 0;
}
.entry h6, .comment h6 {
	font-size: 1.0em;
	margin: 1.3em 0 0;
}
.entry ul, .comment ul{
	list-style: square inside;
	margin: 0 0 1.5em 2em;
}
.entry ol, .comment ol{
	list-style: decimal inside;
	margin: 0 0 1.5em 2em;
}
.entry ol ol, .comment ol ol{
	list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
	list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
	list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
	margin-bottom: 0.2em;
}
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big, .big_tag {
	font-size: 1.3em;
}
ins {
	padding: 1px 2px;
	background: #ffa;
	text-decoration: none;
}
code, pre {
	padding: 3px 8px;
	margin: 0 1px;
	background: #eeeeee;
	color: #222;
	font-size: 0.9em;
	font-family: Monospace, "Courier New", Courier;
	overflow: auto;
	line-height: 1.0em;
}
del, strike, s{
	text-decoration: line-through;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
small {
	font-size: 0.7em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry var, .entry kbd, .entry tt, .entry .tt_tag {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote {
	background:#f5f5f5;
	border-left: 10px solid #ccc;
	margin: 1.5em 0;
	padding: 0.8em 1.5em;
}
blockquote p {
	display:inline;
}
blockquote cite {
	display: block;
	margin: 0.5em 0 0 0.5em;
	color: #777;
}
.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin: 1em 0;
	text-align: left;
	width: 100%;
}
.entry tr th,
.entry thead th {
	background: #e5e5e5;
	font-weight: bold;
	padding: 0.2em 1em;
}
.entry tr td {
	border-top: 1px solid #ddd;
	padding: 0.2em 1em;
}
.entry tr.alternate td {
	background: #f5f5f5;
}

/* Images | Gallery | Videos
-------------------------------------------------------------- */
.type-post .wp-post-image {
	max-width: 45%;
	margin: 1.5em 2em 1em 0;
	height: auto;
}
.entry img {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 1em 0;
}
.wp-caption-text {
	margin: 0 !important;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}
.alignleft { 
	float: left; 
	display: inline; 
	margin: 1em 2em 1em 0;
}
.alignright	{
	float: right; 
	display: inline; 
	margin: 1em 0 1em 2em;
}
.aligncenter {
	margin: 1em auto; 
	display: inline;
}

/* Gallery Styling */
.gallery {
	margin: 1em auto !important;
}
.gallery-item {
	float: left;
	margin: 0.7em 0 0 0 !important;
	padding-right: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery img {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
.gallery-caption {
	margin-left: 0.3em !important;
}

/* Make Vidoes responsive */
embed, iframe, object, video {
	max-width: 100%;
}

/* Image.php Navigation */
#image-nav {
	margin: 1.5em 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
	padding: 0.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#image-nav .nav-previous {
	float: left;
}
#image-nav .nav-next {
	float: right;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	font-size: 0.9em;
	text-decoration: none;
	color: #0088ff;
}
#image-nav .nav-previous a:hover, #image-nav .nav-next a:hover {
	text-decoration: underline;
}

/* Comments
-------------------------------------------------------------- */
#comments {
	margin: 0 0 2.5em 0;
}
#comments .comments-title, #respond #reply-title {
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-bottom: 1em;
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #ddd;
}
.commentlist {
	display: block;
	margin: 2.5em 0;
}
.commentlist .comment{
	display: block;
	margin: 2em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.comment-author img {
	float: left;
	margin-right: 1em;
	margin-top: -0.1em;
}
.comment-author img:after {
	clear: both;
}
.comment-author .fn {
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.2em 0;
}
.comment-author .fn a:link, .comment-author .fn a:visited {
	text-decoration: underline;
}
.comment-author .fn a:hover, .comment-author .fn a:active {
	text-decoration: none;
}
.bypostauthor .fn, .comment-author-admin .fn{
	font-style: italic;
	background: #eee;
	padding: 0.2em 0.6em;
}
.comment-meta {
	font-size: 0.9em;
	margin-bottom: 1.5em;
}
.comment-meta a:link, .comment-meta a:visited, 
.comment-meta a:active, .comment-meta a:hover {
	color: #666;
}
#comments .children {
	margin-top: 1em;
	margin-left: 2em;
}
.nocomments {
	color: #444;
	padding: 1em;
}
.commentlist .pingback {
	display: block;
	margin: 0.6em 0 0;
	padding: 0.8em 0 0;
	border-top: 1px solid #ddd;
	list-style: none;
	line-height: 1.3em;
}

/* Comment Pagination */
.comment-pagination {
	font-size: 0.9em;
	padding: 0 1em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}

/* Comment Form */
#respond {
	margin: 2.5em 0 0;
}
#commentform {
	padding: 0;
}
#commentform p {
	margin: 1em 0;
}
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	display: block;
	border: none;
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
	color: #fff !important;
	background: #0088ff;
}
#commentform #submit:hover {
	background-color: #303030;
	cursor: pointer;
	text-decoration: none;
}

/* Page Templates
-------------------------------------------------------------- */

/* Fullwidth Template */
.fullwidth {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
}

/* Front Page Template
-------------------------------------------------------------- */

/* Front Page Slideshow */
#frontpage-slider-wrap {
	padding: 0;
	margin-bottom: 2.5em;
	/* All other Slideshow Styles in flexslider.css */
}

/* Front Page Category Posts Areas */
.frontpage-category-wrapper {
	margin: 0 0 2.5em 0;
}
.frontpage-category-title {
	font-size: 1.1em;
	font-family: 'Volkhov', Tahoma, Verdana, Arial;
	font-weight: bold;
	margin-bottom: 1.5em;
	color: #333;
	padding: 0.5em 0.3em;
	border-bottom: 1px solid #ddd;
}
.frontpage-category-wrapper .type-post {
	margin: 0;
	padding: 0;
	border: none;
}
.frontpage-category-wrapper .type-post .post-title {
	font-size: 1.2em;
}
.frontpage-category-wrapper .type-post .wp-post-image {
	margin: 0 0 0.5em 0;
	max-width: 100%;
}
.frontpage-category-wrapper .more-posts .type-post {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #ddd;
}
.frontpage-category-wrapper .more-posts .post-title{
	border: none;
	margin: 0.2em 0 0;
	font-size: 1.0em;
}
.frontpage-category-wrapper .more-posts .postmeta {
	display: inline-block;
	background: none;
	padding: 0.3em 0.3em 0.3em 0;
	font-size: 0.9em;
}
.frontpage-category-wrapper .more-posts .wp-post-image {
	float: left;
	margin: 0 1em 0 0;
	max-width: 30%;
}

/* Front Page Category Area One (horizontal) */
.frontpage-category-horizontal {
	margin: 0 -1.5em;
}
.frontpage-category-horizontal .type-post {
	float: left;
	width: 25%;
	padding: 0 1.5em;
	border-left: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frontpage-category-horizontal .first-post {
	border: none;
}

/* Front Page Category Area Two/Four (boxed) */
.frontpage-category-boxed .first-post {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	border-right: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frontpage-category-boxed .more-posts {
	width: 50%;
	margin-left: 50%;
	padding-left: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Front Page Category Area Thre (two columns) */
.frontpage-category-left {
	float: left;
	width: 50%;
	padding-right: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frontpage-category-right {
	margin-left: 50%;
	width: 50%;
	padding-left: 1.5em;
	border-left: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.frontpage-category-left .first-post,
.frontpage-category-right .first-post {
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
}
.frontpage-category-columns .more-posts .type-post {
	float: left;
	display: block;
	width: 100%;
	margin: 1em 0 0;
}

/* Front Page Blog Posts */
#frontpage-posts-load-more-button {
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
	padding: 0.8em 0.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#frontpage-posts-load-more-button a.no-posts {
	color: #333;
}
#frontpage-posts-load-more-button a.no-posts:hover{
	text-decoration: none;
	cursor: default;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	border-top: 1px solid #fff;
	background: #333;
	padding: 1em;
	color: #fff;
}
#footer a {
	color: #ddd;
}
#footer #credit-link {
	float: right;
	font-size: 0.9em;
}

/*============================ MEDIA QUERIES ============================*/

/* Small screens | <1120px */
@media only screen and (max-width: 70em) {
	#wrapper {
		width: 94%;
		margin-bottom: 0;
		padding: 3em 3em 3em;
	}
}
/* Smaller screens | <1120px */
@media only screen and (max-width: 65em) {
	#wrapper {
		width: 96%;
		padding: 2.5em;
	}
	#header {
		padding: 0 0 2.5em 0;
	}
}
/* Tablets (landscape) | <960px */
@media only screen and (max-width: 60em) {
	#wrapper {
		width: 100%;
		padding: 2em;
	}
	#header {
		padding: 0 0 2em 0;
	}
	#content {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#sidebar {
		clear: both;
		margin: 3em 0 0;
		width: 100%;
		border: none;
		padding: 0;
	}
	#logo {
		float: none;
		width: 100%;
	}
	
	/* Bottom Margins */
	#custom-header, #respond  {
		margin-top: 2em;
	}
	#wrap {
		padding: 2em 0;
	}
	.widget, .archive-title, #comments, 
	.type-post, .type-page, .type-attachment, 
	#frontpage-slider-wrap, .frontpage-category-wrapper {
		margin-bottom: 2em;
	}
	.type-post, .type-page, .type-attachment  {
		padding: 0 0 2em 0;
	}
	.commentlist {
		margin: 2em 0;
	}
	
	/* Mobile Navigation */
	
	/* Reset */
	#mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul, 
	#mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul 
	{
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul,
	#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul
	{
		display: inline;
	}
	
	#mainnav {
		margin: 2.5em 0;
		float: none;
	}
	#mainnav-icon {
		display: block;
		padding: 1.5em;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Carme', Tahoma, Verdana, Arial;
		color: #fff;
		background: #0088ff;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;	
	}
	#mainnav-icon:hover {
		cursor: pointer;
		background: #303030;
	}
	#mainnav-icon:after {
		float: right;
		content: "";
		width: 32px;
		height: 30px;
		background: url(images/menu-icon.png) no-repeat 50%;
		margin: -0.4em 0 0 0;
	}
	#mainnav-menu {
		width: 100%;
		display: none;
		background: #f5f5f5;
	}
	#mainnav-menu a {
		display: block;
		padding: 1.5em;
		text-decoration: none;
		font-size: 1.0em;
		clear: left;
		border-bottom: 1px solid #ddd;
	}
	#mainnav-menu a:link, #mainnav-menu a:visited{
		color: #333;
	}
	#mainnav-menu a:hover {
		color: #333;
		background: #e5e5e5; 
	}
	#mainnav-menu ul {
		float: left;
		padding: 1.5em;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul a {
		display: block;
		width: 100%;
		padding: 1em;
		font-size: 0.9em;
		border-bottom: 1px solid #ddd;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul a:link, #mainnav-menu ul a:visited{
		color: #333;
	}
	#mainnav-menu ul li ul {
		float: left;
		padding: 0 0 0 1em;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
		text-decoration: underline;
	}
	#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
		text-decoration: none;
	}
	#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
		text-decoration: underline;
	}
	
	/* Frontpage Categories */
	.frontpage-category-horizontal {
		margin: 0;
	}
	.frontpage-category-horizontal .type-post {
		float: none;
		width: 100%;
		padding: 0 0 1em 0;
		margin: 0 0 1em 0;
		border: none;
		border-bottom: 1px solid #ddd;
	}
	.frontpage-category-horizontal .type-post .wp-post-image {
		float: left;
		margin: 0 2em 0 0;
		max-width: 40%;
	}
}

/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
	#logo .site-title {
		font-size: 2.6em;
	}
	.entry h1, .comment h1 {
	font-size: 2.2em;
	}
	.entry h2, .comment h2 {
		font-size: 1.8em;
	}
	.entry h3, .comment h3 {
		font-size: 1.4em;
	}
	.entry tr th,
	.entry thead th {
		padding: 0.2em 0.4em;
	}
	.entry tr td {
		padding: 0.2em 0.4em;
	}
}

/* Phablets (portrait) | <640px */
@media only screen and (max-width: 40em) {
	#wrapper {
		padding: 2em 1.5em 1.5em;
	}
	
	/* Bottom Margins */
	#header {
		padding: 0 0 2em 0;
	}
	#custom-header, #respond  {
		margin-top: 2em;
	}
	#wrap {
		padding: 2em 0;
	}
	.widget, .archive-title, #comments, 
	.type-post, .type-page, .type-attachment, 
	#frontpage-slider-wrap, .frontpage-category-wrapper {
		margin-bottom: 2em;
	}
	.type-post, .type-page, .type-attachment  {
		padding: 0 0 2em 0;
	}
	.commentlist {
		margin: 2em 0;
	}
	#footer-widgets {
		padding: 1.5em 0 0 2em;
	}
	.footer-widget-column {
		padding-right: 2em;
	}
	
	.page-title {
		font-size: 2.0em;
	}
	.post-title {
		font-size: 1.3em;
	}
	
	/* Frontpage Categories */
	.frontpage-category-boxed .first-post {
		float: none;
		width: 100%;
		padding-right: 0;
		border: none;
		border-bottom: 1px solid #ddd;
		margin-bottom: 1em;
	}
	.frontpage-category-boxed .more-posts {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	.frontpage-category-boxed .first-post .wp-post-image {
		float: left;
		margin: 0 1.5em 0 0;
		max-width: 35%;
	}
	.frontpage-category-left {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.frontpage-category-right {
		margin-left:0;
		margin-top: 2.5em;
		width: 100%;
		padding-left: 0;
		border: none;
	}
	.frontpage-category-left .first-post,
	.frontpage-category-right .first-post {
		padding-bottom: 0;
	}
	.frontpage-category-left .first-post .wp-post-image,
	.frontpage-category-right .first-post .wp-post-image {
		float: left;
		margin: 0 1.5em 0 0;
		max-width: 35%;
	}
}


/* Smartphones | <480px */
@media only screen and (max-width: 30em) {
	#logo .site-title {
		font-size: 2.3em;
	}
	/* Frontpage Categories */
	.frontpage-category-horizontal .type-post .wp-post-image,
	.frontpage-category-boxed .first-post .wp-post-image,
	.frontpage-category-left .first-post .wp-post-image,
	.frontpage-category-right .first-post .wp-post-image {
		float: none;
		margin: 0 0 1em 0;
		max-width: 100%;
	}
	.frontpage-category-wrapper .type-post .post-title {
		font-size: 1.1em;
	}
	.frontpage-category-wrapper .more-posts .post-title{
		font-size: 1.0em;
	}
	
}

/* Smartphones | <320px */
@media only screen and (max-width: 20em) {
	.type-post .wp-post-image {
		max-width: 100%;
	}
	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}
	.postmeta span, .postinfo span {
		display: block;
	}
	#comments .children {
		margin-left: 10px;
	}
	.frontpage-category-wrapper .more-posts .wp-post-image {
		float: none;
		margin: 0 0 1em 0;
		max-width: 100%;
	}
}

/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 60em) {
	/* ensure #nav is visible on desktop version */
	#mainnav-menu {
		display: block !important;
	}
	#mainnav-menu li.menu-item:hover a {
		color: #fff;
		background: #0088ff; 
	}
	#mainnav-menu li.menu-item ul a:hover {
		color: #fff;
		background: #444;
	}
	#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
		background: #0088ff;
		color: #fff;
	}
}